Logos
The design system hosts several logos that can be pulled into components and sites as needed.
UGA Online Logos
View
Formal Full Color
https://d1u7ulh8blq558.cloudfront.net/images/logos/ugaonline/OnlineLearning_logo_Formal_FC.svg
Formal Black & White
https://d1u7ulh8blq558.cloudfront.net/images/logos/ugaonline/OnlineLearning_logo_Formal_BW.svg
Formal Color & White
https://d1u7ulh8blq558.cloudfront.net/images/logos/ugaonline/OnlineLearning_logo_Formal_CW.svg
Formal One Color
https://d1u7ulh8blq558.cloudfront.net/images/logos/ugaonline/OnlineLearning_logo_Formal_1C.svg
Vertical Full Color
https://d1u7ulh8blq558.cloudfront.net/images/logos/ugaonline/OnlineLearning_logo_Vertical_FC.svg
Vertical Black & White
https://d1u7ulh8blq558.cloudfront.net/images/logos/ugaonline/OnlineLearning_logo_Vertical_BW.svg
Vertical Color & White
https://d1u7ulh8blq558.cloudfront.net/images/logos/ugaonline/OnlineLearning_logo_Vertical_CW.svg
Vertical One Color
https://d1u7ulh8blq558.cloudfront.net/images/logos/ugaonline/OnlineLearning_logo_Vertical_1C.svg
HTML
<div class="obj-grid">
<div class="obj-grid__12-12 util-margin-top-md">
<h3>Formal Full Color</h3>
</div>
<div class="obj-grid__6-12 util-background-white util-pad-all-lg">
<img src="/images/logos/ugaonline/OnlineLearning_logo_Formal_FC.svg" alt="Online Learning, University of Georgia" />
</div>
<div class="obj-grid__6-12"></div>
<div class="obj-grid__12-12">
<p class="util-display-block">https://d1u7ulh8blq558.cloudfront.net/images/logos/ugaonline/OnlineLearning_logo_Formal_FC.svg</p>
<hr />
</div>
<div class="obj-grid__12-12 util-margin-top-md">
<h3>Formal Black & White</h3>
</div>
<div class="obj-grid__6-12 util-background-white util-pad-all-lg">
<img src="/images/logos/ugaonline/OnlineLearning_logo_Formal_BW.svg" alt="Online Learning, University of Georgia" />
</div>
<div class="obj-grid__6-12"></div>
<div class="obj-grid__12-12">
<p class="util-display-block">https://d1u7ulh8blq558.cloudfront.net/images/logos/ugaonline/OnlineLearning_logo_Formal_BW.svg</p>
<hr />
</div>
<div class="obj-grid__12-12 util-margin-top-md">
<h3>Formal Color & White</h3>
</div>
<div class="obj-grid__6-12 util-background-black util-pad-all-lg">
<img src="/images/logos/ugaonline/OnlineLearning_logo_Formal_CW.svg" alt="Online Learning, University of Georgia" />
</div>
<div class="obj-grid__6-12"></div>
<div class="obj-grid__12-12">
<p class="util-display-block">https://d1u7ulh8blq558.cloudfront.net/images/logos/ugaonline/OnlineLearning_logo_Formal_CW.svg</p>
<hr />
</div>
<div class="obj-grid__12-12 util-margin-top-md">
<h3>Formal One Color</h3>
</div>
<div class="obj-grid__6-12 util-background-black util-pad-all-lg">
<img src="/images/logos/ugaonline/OnlineLearning_logo_Formal_1C.svg" alt="Online Learning, University of Georgia" />
</div>
<div class="obj-grid__6-12"></div>
<div class="obj-grid__12-12">
<p class="util-display-block">https://d1u7ulh8blq558.cloudfront.net/images/logos/ugaonline/OnlineLearning_logo_Formal_1C.svg</p>
<hr />
</div>
<div class="obj-grid__12-12 util-margin-top-md">
<h3>Vertical Full Color</h3>
</div>
<div class="obj-grid__6-12 util-background-white util-pad-all-lg">
<img src="/images/logos/ugaonline/OnlineLearning_logo_Vertical_FC.svg" alt="Online Learning, University of Georgia" />
</div>
<div class="obj-grid__6-12"></div>
<div class="obj-grid__12-12">
<p class="util-display-block">https://d1u7ulh8blq558.cloudfront.net/images/logos/ugaonline/OnlineLearning_logo_Vertical_FC.svg</p>
<hr />
</div>
<div class="obj-grid__12-12 util-margin-top-md">
<h3>Vertical Black & White</h3>
</div>
<div class="obj-grid__6-12 util-background-white util-pad-all-lg">
<img src="/images/logos/ugaonline/OnlineLearning_logo_Vertical_BW.svg" alt="Online Learning, University of Georgia" />
</div>
<div class="obj-grid__6-12"></div>
<div class="obj-grid__12-12">
<p class="util-display-block">https://d1u7ulh8blq558.cloudfront.net/images/logos/ugaonline/OnlineLearning_logo_Vertical_BW.svg</p>
<hr />
</div>
<div class="obj-grid__12-12 util-margin-top-md">
<h3>Vertical Color & White</h3>
</div>
<div class="obj-grid__6-12 util-background-black util-pad-all-lg">
<img src="/images/logos/ugaonline/OnlineLearning_logo_Vertical_CW.svg" alt="Online Learning, University of Georgia" />
</div>
<div class="obj-grid__6-12"></div>
<div class="obj-grid__12-12">
<p class="util-display-block">https://d1u7ulh8blq558.cloudfront.net/images/logos/ugaonline/OnlineLearning_logo_Vertical_CW.svg</p>
<hr />
</div>
<div class="obj-grid__12-12 util-margin-top-md">
<h3>Vertical One Color</h3>
</div>
<div class="obj-grid__6-12 util-background-black util-pad-all-lg">
<img src="/images/logos/ugaonline/OnlineLearning_logo_Vertical_1C.svg" alt="Online Learning, University of Georgia" />
</div>
<div class="obj-grid__6-12"></div>
<div class="obj-grid__12-12">
<p class="util-display-block">https://d1u7ulh8blq558.cloudfront.net/images/logos/ugaonline/OnlineLearning_logo_Vertical_1C.svg</p>
<hr />
</div>
</div>UGA Logos
View
Extreme Horizontal Full Color
https://d1u7ulh8blq558.cloudfront.net/images/logos/uga/UGAlogo_ExtremeHoriz_FC_MARCM.svg
Formal Color & White
https://d1u7ulh8blq558.cloudfront.net/images/logos/uga/UGAlogo_Formal_CW_MARCM.svg
Shield Full Color
https://d1u7ulh8blq558.cloudfront.net/images/logos/uga/UGAlogo_ShieldGA_FC_MARCM.svg
Top Shield Full Color
https://d1u7ulh8blq558.cloudfront.net/images/logos/uga/UGAlogo_TopShield_FC_MARCM.svg
Vertical Color & White
https://d1u7ulh8blq558.cloudfront.net/images/logos/uga/UGAlogo_Vertical_CW_MARCM.svg
Vertical Full Color
https://d1u7ulh8blq558.cloudfront.net/images/logos/uga/UGAlogo_Vertical_FC_MARCM.svg
Wordmark One Color
https://d1u7ulh8blq558.cloudfront.net/images/logos/uga/UGAlogo_Wordmark_1C_MARCM.svg
Formal Color & White (PNG)
https://d1u7ulh8blq558.cloudfront.net/images/logos/uga/GEORGIA-FS-CW.c49269db.png
Vertical Color & White (PNG)
https://d1u7ulh8blq558.cloudfront.net/images/logos/uga/GEORGIA-V-CW.d87f1797.png
HTML
<div class="obj-grid">
<div class="obj-grid__12-12 util-margin-top-md">
<h3>Extreme Horizontal Full Color</h3>
</div>
<div class="obj-grid__6-12 util-background-white util-pad-all-lg">
<img src="/images/logos/uga/UGAlogo_ExtremeHoriz_FC_MARCM.svg" alt="Online Learning, University of Georgia" />
</div>
<div class="obj-grid__6-12"></div>
<div class="obj-grid__12-12">
<p class="util-display-block">https://d1u7ulh8blq558.cloudfront.net/images/logos/uga/UGAlogo_ExtremeHoriz_FC_MARCM.svg</p>
<hr />
</div>
<div class="obj-grid__12-12 util-margin-top-md">
<h3>Formal Color & White</h3>
</div>
<div class="obj-grid__6-12 util-background-black util-pad-all-lg">
<img src="/images/logos/uga/UGAlogo_Formal_CW_MARCM.svg" alt="Online Learning, University of Georgia" />
</div>
<div class="obj-grid__6-12"></div>
<div class="obj-grid__12-12">
<p class="util-display-block">https://d1u7ulh8blq558.cloudfront.net/images/logos/uga/UGAlogo_Formal_CW_MARCM.svg</p>
<hr />
</div>
<div class="obj-grid__12-12 util-margin-top-md">
<h3>Shield Full Color</h3>
</div>
<div class="obj-grid__6-12 util-background-white util-pad-all-lg">
<img src="/images/logos/uga/UGAlogo_ShieldGA_FC_MARCM.svg" alt="Online Learning, University of Georgia" />
</div>
<div class="obj-grid__6-12"></div>
<div class="obj-grid__12-12">
<p class="util-display-block">https://d1u7ulh8blq558.cloudfront.net/images/logos/uga/UGAlogo_ShieldGA_FC_MARCM.svg</p>
<hr />
</div>
<div class="obj-grid__12-12 util-margin-top-md">
<h3>Top Shield Full Color</h3>
</div>
<div class="obj-grid__6-12 util-background-white util-pad-all-lg">
<img src="/images/logos/uga/UGAlogo_TopShield_FC_MARCM.svg" alt="Online Learning, University of Georgia" />
</div>
<div class="obj-grid__6-12"></div>
<div class="obj-grid__12-12">
<p class="util-display-block">https://d1u7ulh8blq558.cloudfront.net/images/logos/uga/UGAlogo_TopShield_FC_MARCM.svg</p>
<hr />
</div>
<div class="obj-grid__12-12 util-margin-top-md">
<h3>Vertical Color & White</h3>
</div>
<div class="obj-grid__6-12 util-background-black util-pad-all-lg">
<img src="/images/logos/uga/UGAlogo_Vertical_CW_MARCM.svg" alt="Online Learning, University of Georgia" />
</div>
<div class="obj-grid__6-12"></div>
<div class="obj-grid__12-12">
<p class="util-display-block">https://d1u7ulh8blq558.cloudfront.net/images/logos/uga/UGAlogo_Vertical_CW_MARCM.svg</p>
<hr />
</div>
<div class="obj-grid__12-12 util-margin-top-md">
<h3>Vertical Full Color</h3>
</div>
<div class="obj-grid__6-12 util-background-white util-pad-all-lg">
<img src="/images/logos/uga/UGAlogo_Vertical_FC_MARCM.svg" alt="Online Learning, University of Georgia" />
</div>
<div class="obj-grid__6-12"></div>
<div class="obj-grid__12-12">
<p class="util-display-block">https://d1u7ulh8blq558.cloudfront.net/images/logos/uga/UGAlogo_Vertical_FC_MARCM.svg</p>
<hr />
</div>
<div class="obj-grid__12-12 util-margin-top-md">
<h3>Wordmark One Color</h3>
</div>
<div class="obj-grid__6-12 util-background-black util-pad-all-lg">
<img src="/images/logos/uga/UGAlogo_Wordmark_1C_MARCM.svg" alt="Online Learning, University of Georgia" />
</div>
<div class="obj-grid__6-12"></div>
<div class="obj-grid__12-12">
<p class="util-display-block">https://d1u7ulh8blq558.cloudfront.net/images/logos/uga/UGAlogo_Wordmark_1C_MARCM.svg</p>
<hr />
</div>
<div class="obj-grid__12-12 util-margin-top-md">
<h3>Formal Color & White (PNG)</h3>
</div>
<div class="obj-grid__6-12 util-background-black util-pad-all-lg">
<img src="/images/logos/uga/GEORGIA-FS-CW.c49269db.png" alt="Online Learning, University of Georgia" />
</div>
<div class="obj-grid__6-12"></div>
<div class="obj-grid__12-12">
<p class="util-display-block">https://d1u7ulh8blq558.cloudfront.net/images/logos/uga/GEORGIA-FS-CW.c49269db.png</p>
<hr />
</div>
<div class="obj-grid__12-12 util-margin-top-md">
<h3>Vertical Color & White (PNG)</h3>
</div>
<div class="obj-grid__6-12 util-background-black util-pad-all-lg">
<img src="/images/logos/uga/GEORGIA-V-CW.d87f1797.png" alt="Online Learning, University of Georgia" />
</div>
<div class="obj-grid__6-12"></div>
<div class="obj-grid__12-12">
<p class="util-display-block">https://d1u7ulh8blq558.cloudfront.net/images/logos/uga/GEORGIA-V-CW.d87f1797.png</p>
<hr />
</div>
</div>